<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.thymeleaf.org/thymeleaf-extras-shiro">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>主界面</title>
    <script type="text/javascript" th:src="@{/jquery/jquery-3.5.1.min.js}"></script>
    <script th:src="@{/layui/layui.js}"></script>
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}">
    
    <style>
        .kstyle{
            cursor: pointer;
            color: #1E9FFF;
            border: 1px solid #dddddd;
            width: 120px;
            height: 70px;
            text-align: center;
            padding-bottom: 30px;
            float: left;
            margin: 3px;
        }
    </style>
</head>
<body class="layui-layout-body">

<!-- 内容主体区域 1-->
    <div class="layui-layout layui-layout-admin" >
        <div class="layui-header">
            <div class="layui-logo">项目管理系统</div>
            <!-- 头部区域（可配合layui已有的水平导航） -->
            <ul class="layui-nav layui-layout-left">
                <li class="layui-nav-item"><a href="">控制台</a></li>
                <li class="layui-nav-item"><a href="">商品管理</a></li>
                <li class="layui-nav-item"><a href="">用户</a></li>
                <li class="layui-nav-item">
                    <a href="javascript:;">其它系统</a>
                    <dl class="layui-nav-child">
                        <dd><a href="">邮件管理</a></dd>
                        <dd><a href="">消息管理</a></dd>
                        <dd><a href="">授权管理</a></dd>
                    </dl>
                </li>
            </ul>
            <ul class="layui-nav layui-layout-right">
                
                <li th:if="${showdiv==false}" class="layui-nav-item">
                    <a th:href="@{/tenant/none}" style="padding: 0 5px">
                        <i class="layui-icon layui-icon-face-smile"></i>[[${sessionAname}]]
                    </a>
                </li>
                <li class="layui-nav-item"><a th:href="@{/tenant/loginsucc}">切换公司</a></li>
               
                <li class="layui-nav-item">
                    <a href="javascript:;">
                        <img src="http://t.cn/RCzsdCq" class="layui-nav-img">
                        [[${username}]]
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="">基本资料</a></dd>
                        <dd><a href="">安全设置</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item"><a th:href="@{/tenant/logout}">退了</a></li>
                <li th:if="showlogin" class="layui-nav-item"><a th:href="@{/tologin}">登录</a></li>
            </ul>
        </div>
        <div class="layui-side layui-bg-black">
            <div class="layui-side-scroll">
                <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
                <ul class="layui-nav layui-nav-tree"  lay-filter="test">
                    <li class="layui-nav-item layui-nav-itemed">
                        <a class="" href="javascript:;">项目</a>
                        <dl class="layui-nav-child">
                            <dd><a th:href="@{/guest/toquery}">项目一</a></dd>
                            <dd><a th:href="@{/user/toadd}">项目二</a></dd>
                            <!--                        <dd><a th:href="@{/user/toupdate}">修改博客</a></dd>-->
                            <!--                        <dd><a th:href="@{/user/todelete}">删除博客</a></dd>-->
                            <!--                        <dd><a th:href="@{/guest/list}">博客列表</a></dd>-->

                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;">解决方案</a>
                        <dl class="layui-nav-child">
                            <dd><a href="javascript:;">列表一</a></dd>
                            <dd><a href="javascript:;">列表二</a></dd>
                            <dd><a href="">超链接</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item"><a href="">云市场</a></li>
                    <li class="layui-nav-item"><a href="">发布商品</a></li>
                </ul>
            </div>
        </div>
<div th:if="${showdiv}==true">

        <div class="layui-body">
            <div style="position: fixed;top: 50px;bottom: 0px;border: 1px solid red;background: #dddddd;width: 100%;overflow: auto">
                <div style="padding: 20px;background-color: #F2F2F2;">
                    <div class="layui-row layui-col-space15"  th:each="tenant :${tenants}">
                        <div class="layui-col-md4">
                            <div class="layui-card">
                                <div class="layui-card-header">
                                    租户信息
                                </div>
                                <div class="layui-card-body">
                                    租户:[[${tenant.get('tenant_name')}]]<br>
                                    创建时间:[[${tenant.get('create_time')}]]<br>
                                    <!--加入时间作假了，表里没弄-->
                                    加入时间:[[${tenant.get('join_time')}]]<br>
                                </div>
                                <div class="layui-card">
                                    <div class="layui-card-header">
                                        项目列表
                                        <div style="float: right">
                                            <button th:tid="${tenant.get('id')}" tag="addTenantUser" type="button" class="layui-btn layui-btn-sm">邀请用户</button>
                                            <button th:tid="${tenant.get('id')}" tag="createArticle" type="button" class="layui-btn layui-btn-sm layui-btn-normal">创建项目</button>
                                        </div>
                                    </div>
                                    <div class="layui-card-body" style="height: 130px;overflow: auto;">
                                        <!--从artMap中取项目-->
                                        <div th:object="${artMap.get(tenant.get('id'))}">
                                            <div th:each="art:${#object}">
                                                <div class="kstyle" tag="article"
                                                     th:attr="data-tid=${tenant.get('id')},data-aid=${art.getId()},data-aname=${art.getArticleName()}">
                                                    <!--tag="rmArt" th:attr="data-art=${art}"-->
                                                    <a  tag="rmArt" th:attr="data-art=${art.getId()}" style="float: right;padding-right: 2px">删除</a><br>
                                                    <i class="layui-icon" style="padding: 0 5px;font-size: 30px;margin: auto">&#xe653</i>
                                                    <div>
                                                        [[${art.getArticleName()}]]
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 内容主体区域 2 -->
<div th:if="${showdiv}==false">
    <div class="layui-body">
        <div style="position: fixed;top: 50px;bottom: 0px;border: 1px solid red;background: #dddddd;width: 100%;overflow: auto">
            <div style="padding: 20px;background-color: #F2F2F2;">
    <h1>项目内容界面</h1>
                <img th:src="@{/img/225739f479d94adfa7f498dc0bcd3544.jpg}">
                [[${session.seAid}]][[${seAname}]]
    <!-- 条目中可以是任意内容，如：<img src=""> -->
            </div>
        </div>
    </div>
</div>
<!-- 内容主体区域 3-->



<script>
    // //JavaScript代码区域
    // layui.use('element', function(){
    //     var element = layui.element;
    //
    // });
    /*
    这里需要引入这个，不知道为什么，不引入。layer不可以使用open。
    引入一下。让layer  成为自己定义的一个全局的变量
     */
    var layer ;
    layui.use('layer', function(){
        layer = layui.layer;
    });
</script>
<script>
    /*th:tid="${tenant.get('id')}" tag="addTenantUser"*/
    $("[tag='addTenantUser']").click(function (){
        //获取当前租户
        var tid=$(this).attr("tid");
        layer.open({
            type:2,
            title:'邀请用户',
            area:['600px','400px'],
            content:'/function/toinvitation?tid='+tid
        })
    })
    $("[tag='createArticle']").click(function (){
        //获取当前租户
        var tid=$(this).attr("tid");
        layer.open({
            type:2,
            title:'创建项目',
            area:['600px','400px'],
            content:'/article/tocreateArticle?tid='+tid
        })
    })
    /*tag="rmArt" th:attr="data-art=${art.getId()}"*/
    /*删除项目 art*/
    $("[tag='rmArt']").click(function (e){
        var aid =  $(this).data('art');
        layer.confirm(
            '确认删除么？',
            {btn:['删除','取消']},
            function (index){
                layer.close(index);
                $.get('/article/rmart',{id:aid},function (data){
                },'json')
                window.location.reload();
                
            }
        )
        /*防止点击时删除和div块分不清*/
        e.stopPropagation();
    })
    /*tag="article"
    th:attr="data-tid=${tenant.get('id')},data-aid=${art.getId()},data-aname=${art.getArticleName()}"*/
    $("[tag='article']").click(function () {
        var tid=$(this).data('tid');
        var aid=$(this).data('aid');
        var aname=$(this).data('aname');
        window.location.href=
            '/tenant/loginsucc?tenant_id='+tid+"&id="+aid+"&article_name="+aname
    })
    
    
</script>
</body>
</html>